.family-asset-view {
    -fx-background-color: #f8f9fa;
}

.view-title {
    -fx-font-size: 24px;
    -fx-font-weight: bold;
}

.stats-scroll {
    -fx-background-color: transparent;
    -fx-padding: 0;
}

.stats-scroll .viewport {
    -fx-background-color: transparent;
}

.stats-card {
    -fx-background-color: white;
    -fx-background-radius: 10;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 10, 0, 0, 2);
}

.stats-card:hover {
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 15, 0, 0, 4);
}

.stats-title {
    -fx-font-size: 14px;
    -fx-text-fill: #6c757d;
}

.stats-value {
    -fx-font-size: 20px;
    -fx-font-weight: bold;
}

.total-card {
    -fx-background-color: linear-gradient(to bottom right, #4e54c8, #8f94fb);
}

.total-card .stats-title,
.total-card .stats-value {
    -fx-text-fill: white;
}

.charts-container {
    -fx-background-color: white;
    -fx-background-radius: 10;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 10, 0, 0, 2);
}

.asset-table {
    -fx-background-radius: 10;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 10, 0, 0, 2);
}

.primary-button {
    -fx-background-color: #4e54c8;
    -fx-text-fill: white;
}

.secondary-button {
    -fx-background-color: #6c757d;
    -fx-text-fill: white;
}

.icon-button {
    -fx-padding: 8 15;
    -fx-background-radius: 5;
}

.icon-button .image-view {
    -fx-fit-height: 16;
    -fx-fit-width: 16;
} 